<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航页</title>
  <style>
      *{
          color: white;
      }
    .button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #317279;
      color: white;
      text-align: center;
      text-decoration: none;
      border-radius: 5px;
    }
    .d1{
      width: 48%;
      height: 7rem;
      margin: 0 auto;
      position: absolute;
      left: 31rem;
    }
  </style>
</head>
<body style="background-image: url('banner.jpg');background-repeat: no-repeat;">
<div style="height: 60rem;margin: 0 auto;text-align: center;">
  <h1 class="d1" style="top: 5rem;">排行导航</h1>
  <hr style="top: 10rem; position: absolute; width: 30rem;left: 38%;">
  <div class="d1" style="top: 17rem;"><a href="index.php?func=ranking&name=汇报总分排名" target="_blank" class="button">汇报总分排名</a></div>
  <div class="d1" style="top: 27rem;"><a href="index.php?func=ranking&name=团队平均分排名" target="_blank" class="button">团队平均分排名</a></div>
  <div class="d1" style="top: 37rem;"><a href="index.php?func=ranking&name=个人风采分排名" target="_blank" class="button">个人风采分排名</a></div>
</div>
</body>
</html>